<!-- Layout 母模板 -->
<% extend('../../template/layout.art') %>

    <!-- body -->
    <% block('content', function(){ %>

        <div class="je-p20">
            <blockquote class="je-quote green je-f16 je-ovh je-mb10">
                <p>
                    <input type="text" name="title" id="inpstart" placeholder="开始交易日期" readonly class="je-input je-pl5 je-pr5">
                    <input type="text" name="title" id="inpend" placeholder="结束交易日期" readonly class="je-input je-pl5 je-pr5">
                    <select class="myselect">
                                    <optgroup label="交易类型">
                                    <option value="全部操作">全部操作</option>
                                    <option value="开卡">开卡</option>
                                    <option value="充值">充值</option>
                                    <option value="续费">续费</option>
                                    </optgroup>
                                </select>
                    <select class="myselect">
                                        <optgroup label="操作员">
                                            <option value="所有售票员">所有售票员</option>
                                            <option value="大门自助机">大门自助机</option>
                                        </optgroup>
                                        </select>

                    <input type="text" name="title" autocomplete="off" placeholder="输入卡号、证件号、持卡人姓名或读卡" class="je-input input-300">
                    <input type="button" class="je-btn je-btn-small je-btn-normal" value="查询">
                </p>
            </blockquote>




        </div>
        <script type="text/javascript">
            jeui.use(["jquery", "jeBox", "jeLayout", "jeTabPane", "jeAccordion", "jeCheck", "jeDate", "jeNavTab", "jeProgress", "jeSelect", "jeDropdown", "jeTable"], function() {
                var start = {
                    format: 'YYYY-MM-DD',
                    minDate: '2014-06-16', //设定最小日期为当前日期
                    isinitVal: true,
                    //festival:true,
                    ishmsVal: false,
                    maxDate: $.nowDate({
                        DD: 0
                    }), //最大日期
                    choosefun: function(elem, val, date) {
                        end.minDate = date; //开始日选好后，重置结束日的最小日期
                        endDates();
                    }
                };
                var end = {
                    format: 'YYYY-MM-DD',
                    minDate: $.nowDate({
                        DD: 0
                    }), //设定最小日期为当前日期
                    //festival:true,
                    maxDate: '2099-12-31', //最大日期
                    choosefun: function(elem, val, date) {
                        start.maxDate = date; //将结束日的初始值设定为开始日的最大日期
                    }
                };
                //这里是日期联动的关键        
                function endDates() {
                    //将结束日期的事件改成 false 即可
                    end.trigger = false;
                    $("#inpend").jeDate(end);
                }
                $('#inpstart').jeDate(start);
                $('#inpend').jeDate(end);
                $(".myselect").jeSelect({
                    sosList: false
                });

            })
        </script>

        <% }) %>